@layout("/common/_container.html",{js:["/assets/modular/sim/general/general.js","/assets/expand/plugins/jquery/jquery-3.2.1.min.js"]}){

<div id="myContiner" style="height: 100%">
    <div class="ui-layout-center">
        <div class="layui-fluid">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-form toolbar">
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <input id="msisdn" class="layui-input" type="text" placeholder="MSISDN"/>
                                    </div>
                                    <div class="layui-inline">
                                        <input id="iccid" class="layui-input" type="text" placeholder="ICCID"/>
                                    </div>
                                    <div class="layui-inline">
                                        <input id="imsi" class="layui-input" type="text" placeholder="IMSI"/>
                                    </div>
                                    <div class="layui-inline">
                                        <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>查询</button>
                                    </div>
                                </div>
                            </div>
                            <table class="layui-table" id="basicInfoTable" lay-filter="basicInfoTable"></table>
                        </div>
                    </div>
                    <div class="layui-tab layui-tab-card" lay-filter="demo">
                        <ul class="layui-tab-title">
                            <li class="layui-this" lay-id="gprs">GPRS</li>
                            <li lay-id="sms">短信</li>
                            <li lay-id="voice">语音</li>
                            <li lay-id="recharge">充值</li>
                            <li lay-id="security">安全</li>
                            <li lay-id="communicate">通信</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div id="gprs">
                                <div class="layui-card">
                                    <div class="layui-card-body">
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <button id="gprsReset" class="layui-btn icon-btn">GPRS上网功能重置</button>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="gprsLimit" class="layui-btn icon-btn">GPRS（自主）限速</button>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="gprsPCC" class="layui-btn icon-btn">GPRS（PCC策略）限速</button>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="gprsOrder" class="layui-btn icon-btn">GPRS流量叠加包订购</button>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <input id="gprsMsisdn" name="msisdn" class="layui-input" type="text" placeholder="MSISDN"/>
                                            </div>
                                            <div class="layui-inline">
                                                <input id="gprsIccid" name="iccid" class="layui-input" type="text" placeholder="ICCID"/>
                                            </div>
                                            <div class="layui-inline">
                                                <input id="gprsImsi" name="imsi" class="layui-input" type="text" placeholder="IMSI"/>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="btnSearchGprs" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>查询</button>
                                            </div>
                                        </div>
                                        APN信息
                                        <table class="layui-table" id="simGprsApnTable" lay-filter="simGprsApnTable"></table>
                                        套餐内用量
                                        <table class="layui-table" id="simGprsComboTable" lay-filter="simGprsComboTable"></table>
                                        流量池内用量
                                        <table class="layui-table" id="simGprsPoolTable" lay-filter="simGprsPoolTable"></table>
                                    </div>
                                </div>
                            </div>


                            <div id="sms">
                                <div class="layui-card">
                                    <div class="layui-card-body">
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <button id="smsStatusReset" class="layui-btn icon-btn">短信状态重置</button>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <input id="smsMsisdn" class="layui-input" type="text" placeholder="MSISDN"/>
                                            </div>
                                            <div class="layui-inline">
                                                <input id="smsIccid" class="layui-input" type="text" placeholder="ICCID"/>
                                            </div>
                                            <div class="layui-inline">
                                                <input id="smsImsi" class="layui-input" type="text" placeholder="IMSI"/>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="btnSearchSms" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>查询</button>
                                            </div>
                                        </div>
                                        套餐内用量
                                        <table class="layui-table" id="simSmsTable" lay-filter="simSmsTable"></table>
                                    </div>
                                </div>
                            </div>


                            <div id="voice">
                                <div class="layui-card">
                                    <div class="layui-card-body">
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <button id="voiceWhiteList" class="layui-btn icon-btn">群组成员语音白名单管理</button>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <input id="voiceComboMsisdn" name="msisdn" class="layui-input" type="text" placeholder="MSISDN"/>
                                            </div>
                                            <div class="layui-inline">
                                                <input id="voiceComboIccid" name="iccid" class="layui-input" type="text" placeholder="ICCID"/>
                                            </div>
                                            <div class="layui-inline">
                                                <input id="voiceComboImsi" name="imsi" class="layui-input" type="text" placeholder="IMSI"/>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="btnSearchVoiceCombo" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>查询</button>
                                            </div>
                                        </div>
                                        套餐内用量
                                        <table class="layui-table" id="simVoiceComboTable" lay-filter="simVoiceComboTable"></table>
                                        个人智能网语音信息
                                        <table class="layui-table" id="simVoiceUserTable" lay-filter="simVoiceUserTable"></table>
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <input id="voiceGroupMsisdn" name="msisdn" class="layui-input" type="text" placeholder="MSISDN"/>
                                            </div>
                                            <div class="layui-inline">
                                                <input id="voiceGroupIccid" name="iccid" class="layui-input" type="text" placeholder="ICCID"/>
                                            </div>
                                            <div class="layui-inline">
                                                <input id="voiceGroupImsi" name="imsi" class="layui-input" type="text" placeholder="IMSI"/>
                                            </div>
                                            <div class="layui-inline">
                                                <input id="voiceGroupId" name="groupId" class="layui-input" type="text" placeholder="归属群组ID"/>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="btnSearchVoiceGroup" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>查询</button>
                                            </div>
                                        </div>
                                        群组成员语音白名单
                                        <table class="layui-table" id="simVoiceGroupTable" lay-filter="simVoiceGroupTable"></table>
                                    </div>
                                </div>
                            </div>


                            <div id="recharge">
                                <div class="layui-card">
                                    <div class="layui-card-body">
                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <button id="rechargePay" class="layui-btn icon-btn">物联卡账户充值交费</button>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <select id ="queryWay" name="queryWay" lay-verify="required" onchange="changeType()" class="layui-select" lay-search>
                                                <option value="0" checked>充值订单号查询</option>
                                                <option value="1">充值时间查询</option>
                                            </select>
                                        </div>
                                        <div class="layui-inline">
                                            <input id="orderNo" class="layui-input" type="text" placeholder="订单号"/>
                                        </div>
                                        集团信息查询账号:
                                        <div class="layui-inline layui-form">
                                            <select id ="accountId" name="accountId" lay-verify="required">
                                                <option value="" checked>请选择</option>
                                            </select>
                                        </div>
                                        <div class="layui-inline">
                                            <input id="startTime" class="layui-input" type="text" placeholder="开始时间" disabled style="background-color: #eaeaea"/>
                                        </div>
                                        <div class="layui-inline">
                                            <input id="endTime" class="layui-input" type="text" placeholder="结束时间" disabled style="background-color: #eaeaea"/>
                                        </div>
                                        <div class="layui-inline">
                                            <button id="btnSearchRecharge" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>查询</button>
                                        </div>
                                    </div>
                                    充值结果查询
                                    <table class="layui-table" id="simRechargeResultTable" lay-filter="simRechargeResultTable"></table>
                                    </div>
                                </div>
                            </div>


                            <div id="security">
                                <div class="layui-card">
                                    <div class="layui-card-body">
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <button id="machineCard" class="layui-btn icon-btn">机卡绑定/变更/解绑</button>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="cardRegister" class="layui-btn icon-btn">物联卡实名登记</button>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="apnGprsAlarm" class="layui-btn icon-btn">物联卡APN流量告警规则设置</button>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <input id="securityMsisdn" name="msisdn" class="layui-input" type="text" placeholder="MSISDN"/>
                                            </div>
                                            <div class="layui-inline">
                                                分离检测方式:
                                                <select id="securityTestType" name="testType" class="layui-select" style="width: 182px">
                                                    <option value="0">0：话单侧检测</option>
                                                    <option value="1">1：网络侧检测</option>
                                                </select>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="btnSearchSecurity" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>查询</button>
                                            </div>
                                        </div>
                                        物联卡机卡分离状态：
                                        <table class="layui-table" id="simSecurityTable" lay-filter="simSecurityTable"></table>
                                    </div>
                                </div>
                            </div>


                            <div id="communicate">
                                <div class="layui-card">
                                    <div class="layui-card-body">
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <button id="comBasicOnOff" class="layui-btn icon-btn">基础通信功能开停</button>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="comApnOnOff" class="layui-btn icon-btn">APN功能开停</button>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="comSmsOnOff" class="layui-btn icon-btn">短信功能开停</button>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="comVoiceOnOff" class="layui-btn icon-btn">语音功能开停</button>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="comPccOnOff" class="layui-btn icon-btn">数据通信服务（PCC策略）开停</button>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <input id="comMsisdn" class="layui-input" type="text" placeholder="MSISDN"/>
                                            </div>
                                            <div class="layui-inline">
                                                <input id="comIccid" class="layui-input" type="text" placeholder="ICCID"/>
                                            </div>
                                            <div class="layui-inline">
                                                <input id="comImsi" class="layui-input" type="text" placeholder="IMSI"/>
                                            </div>
                                            <div class="layui-inline">
                                                <button id="btnSearchCom" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>查询</button>
                                            </div>
                                        </div>
                                        通信功能开通状态
                                        <table class="layui-table" id="simCommunicateTable" lay-filter="simCommunicateTable"></table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="menuGroup">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="menuGroup">查看</a>
</script>
<script type="text/html" id="menuBalance">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="menuBalance">{{d.amount}}</a>
</script>
<script type="text/html" id="menuCharges">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="menuCharges">查看</a>
</script>
<script type="text/html" id="menuStatus">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="menuStatus">操作</a>
</script>
<script type="text/html" id="menuHistoryStatus">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="menuHistoryStatus">查看</a>
</script>
<script type="text/html" id="menuNodeParam">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="menuNodeParam">操作</a>
</script>

<script>
    function changeType(){
        if($("#queryWay").val() === "0"){
            $("#orderNo").removeAttr('readonly');
            $("#orderNo").css('background-color', 'white');
            $("#startTime").attr('disabled', 'disabled');//不可输入
            $("#startTime").val('');// 清空值
            $("#endTime").attr('disabled', 'disabled');//不可输入
            $("#endTime").val('');// 清空值
            $("#startTime").css('background-color', '#eaeaea');//置为灰色
            $("#endTime").css('background-color', '#eaeaea');//置为灰色
        }else{
            $("#orderNo").val('');// 清空值
            $("#orderNo").attr('readonly', 'readonly');//不可输入
            $("#orderNo").css('background-color', '#eaeaea');//置为灰色
            $("#startTime").removeAttr('disabled');
            $("#endTime").removeAttr('disabled');
            $("#startTime").css('background-color', 'white');
            $("#endTime").css('background-color', 'white');
        }
    }
</script>
@}